<template>
  <div class="organization-box">
    <el-row :gutter="20" type="flex">
      <el-col :span="8">
        <SupplyIns></SupplyIns>
      </el-col>
      <el-col :span="8">
        <SupplyVarietie></SupplyVarietie>
      </el-col>
      <el-col :span="8">
        <CollateralElig></CollateralElig>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import SupplyIns from "./supplyIns.vue"
import SupplyVarietie from "./supplyVarietie.vue"
import CollateralElig from "./collateralElig/index.vue"
export default {
  components:{
    SupplyIns,
    SupplyVarietie,
    CollateralElig
  },
  
}
</script>

<style scoped>
ul,h3,h4,p {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pd20 {
  padding: 0 20px;
}
.mb60 {
  margin-bottom: 60px;
}
.organization-box .el-row{
  height: 100%;
}
::v-deep .el-card{
  position: relative;
}
.organization-box >>> .el-card__body {
  height: 100%;
  padding: 0;
}
::v-deep .el-card__body .top{
  margin: 0 30px;
}
::v-deep .el-card__body > div {
  height: calc(100% - 45px);
  overflow-y: auto;
}
::v-deep .el-card__body > div::-webkit-scrollbar {
  width: 0;
}
</style>